<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>箭头函数很重要</title>
</head>

<body>
  <script>
    // let fn = function(){

    // }
    // let fn = (a, b) => {
    //   // 函数体
    //   return a + b;
    // }
    // let ret = fn(1, 2);
    // console.log(ret); //3
    // function getName() {
    //   console.log(this.name);
    // }

    // let getName2 = () => {
    //   console.log(this.name);
    // }

    // // 设置window对象的name属性
    // window.name = '张三';
    // const person = {
    //   name: 'zhangsan'
    // }

    // // 直接调用
    // getName(); //张三
    // getName2(); //张三

    // // call 方法调用
    // getName.call(person); //张三
    // getName2.call(person); //zhangsan


    // window.name = '昆一中';
    // const person = {
    //   name: 'KunYiZhong'
    // }
    // let Person = (name, age) => {
    //   this.name = name;
    //   this.age = age;
    // }
    // let me = new Person('xiao', 30);
    // console.log(me);
    // // 报错：Person is not a constructor

    // let fn = () => {
    //   console.log(arguements);
    // }
    // fn(1, 2, 3);//arguements is not defined

    // let add = n => {
    //   return n + n;
    // }
    // console.log(add(9)); //18

    let pow = (n) => n * n;
    console.log(pow(8)); //64
  </script>
</body>

</html>